<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>选择器学习</title>
    <style>
        p{
          color: blue;
        }
        /*#id选择器*/
        #d1{
            color: pink;
        }
    /*   . 类选择器*/
        .c2{
            color: red;
        }
    </style>
</head>
<body>
<!--内部和外部-->
<!--选择器{}-->
<!--标签选择器-->
<p>过去岁月不可追</p>
<p>未来日子你别催</p>
<p>莫愁身外七八事</p>
<p>且尽眼前三两杯</p>
<!--id选择器属性值唯一-->
<div id="d1">块1</div>
<!--类选择器 就可以声明多个类值-->
<div class="c2">块2</div>
<div class="c2">块3</div>
</body>
</html>